<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" >
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
	<title>个人中心</title>
	<link href="/css/style.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" type="text/css" href="/myiconfont/iconfont.css">
	<link href="/iconfont/iconfont.css" rel="stylesheet" type="text/css" />
</head>

<body>
  <!--<header id="header">-->
  	<!--<a href="user_login.html" class="iconfont fl">&#xe63f;</a>-->
    <!--<div class="title">用户中心</div>-->
    <!--<a href="#" class="iconfont fr">&#xe6a0;</a>-->
  <!--</header> -->
  <div class="content u-index">
  	  <div class="userbox">
  	  	  <div class="userbox-1">
  	  	  	<div class="userimg"><img th:src="${user.avatar}"></div>
  	 		<div class="username" th:text="${user.nickname}"></div>
  	  	  </div>
  	  	  <div class="userbox-2">
  	  	  	  <ul class="clearfix">
  	  	  	  	<li><a href="user_tixian.html" class="c000"><span th:text="''+${user.finishedOrder}"></span><br>已完成</a></li>
  	  	  	  	<li><span th:text="''+${user.totalOrder}"></span><br>总订单</li>
  	  	  	  </ul>
  	  	  </div>
  	  </div>
  	  <div class="ul-list">
  	  	   <ul>
  	  	   	  <li class="tel">
  	  	   	  	  <i class="iconfont">&#xe68e;</i><span th:text="${user.mobile}"></span>
  	  	   	  	  <span class="fr">推送消息<input type="checkbox" class="switch" checked></span>
  	  	   	  </li>
  	  	   	  <li>
  	  	   	  	<a href="info" class="arrow-right">
  	  	   	  	  <i class="iconfont">&#xe660;</i>个人信息
  	  	   	  	</a>
  	  	   	  </li>
  	  	   	  <li>
  	  	   	  	<a href="/order/orders" class="arrow-right">
					<i class="iconfont icon-activity"></i>我的订单
  	  	   	  	</a>
  	  	   	  </li>
  	  	   	  <li>
  	  	   	  	<a href="#" class="arrow-right" onclick="alert('功能建设中~~')">
  	  	   	  	  <i class="iconfont">&#xe73a;</i>我的收藏
  	  	   	  	</a>
  	  	   	  </li>
  	  	   	  <li>
  	  	   	  	<a href="/user/share" class="arrow-right">
  	  	   	  	  <i class="iconfont">&#xe604;</i>二维码分享
  	  	   	  	</a>
  	  	   	  </li>
  	  	   </ul>
           
           
  	  </div>
      
             <!--<div class="ul-list">-->
  	  	   <!--<ul>-->
  	  	   	  <!--<li>-->
  	  	   	  	<!--<a href="" style="text-align:center; color:#999;">退 出-->
  	  	   	  	<!--</a>-->
  	  	   	  <!--</li>-->
  	  	   <!--</ul>-->
  	   <!--</div>-->
  </div>
 
  <footer id="footer" class="foot">
        <ul>
            <li>
            	<a href="/">
	                <span class="img"><img src="/images/nav1.png"></span>
	                <p>首页</p>
            	</a>
            </li>
            <li>
            	<a href="/hot/index">
                   <span class="img"><img src="/images/nav2.png"></span>
                   <p>动态</p>
            	</a>
            </li>
            <li>
            	<a href="/order/index">
	                <span class="img"><img src="/images/nav3.png"></span>
	                <p>预约</p>
            	</a>
            </li>
            <li class="active">
            	<a href="/user/index">
	                <span class="img"><img src="/images/nav4.png"></span>
	                <p>我的</p>
            	</a>
            </li>
        </ul>
  </footer>
</body>
</html>
